<template>
  <div class="all">
    <div class="top">
        <div class="box">
            <img src="../image/yun.jpg" alt="" class="yun">
            <div class="desicrible">
              <h1>欢迎来到愿君康</h1>
              <h1>给您提供最优质的的医疗服务</h1>
            </div>
        </div>
    </div>
    <nav class="naving"></nav>
  </div>
</template>

<script>
export default {
    name: "homepage",
}
</script>

<style scoped>
.all {
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-size: 13pt;
    line-height: 24px;
    color: #676d79;
    font-weight: 300;
    margin-top: 920px;
}
.top {
    background-color: #4686a0;
    color: rgba(255, 255, 255, 0.75);
    background-attachment: fixed, fixed, fixed;
    background-image: linear-gradient(45deg, #9dc66b 5%, #4fa49a 30%, #4361c2);
    background-position: top left, center center, center center;
    background-size: auto, cover, cover;
    width: 100%;
    height: 650px;
}
.top .box {
    width: 100%;
    height: 60%;
    padding-top: 130px
}
.box .yun {
    display: block;
    margin: auto;
}

h1 {
    font-family: 'Source Sans Pro', Arial, sans-serif;
    text-align: center;
    font-size: 42px;
    font-weight: 300;
    line-height: 24px;
}

</style>